<!DOCTYPE html>
<html class="no-js" lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!-- Google Fonts Includes -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
    <!-- Favi icon -->
    <link rel="shortcut icon" type="image/x-icon" href="/reception/images/favicon.ico">
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="/reception/css/assets/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="/reception/css/assets/animate.css">
    <!-- Button Hover animate css -->
    <link rel="stylesheet" href="/reception/css/assets/hover-min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="/reception/css/assets/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="/reception/css/assets/meanmenu.min.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="/reception/css/assets/owl.carousel.min.css">
    <!-- slick css -->
    <link rel="stylesheet" href="/reception/css/assets/slick.css">
    <!-- chosen.min-->
    <link rel="stylesheet" href="/reception/css/assets/jquery-customselect.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="/reception/css/assets/font-awesome.min.css">
    <!-- magnific Css -->
    <link rel="stylesheet" href="/reception/css/assets/magnific-popup.css">
    <!-- Preloader css -->
    <link rel="stylesheet" href="/reception/css/assets/preloader.css">
    <!-- custome css -->
    <link rel="stylesheet" href="/reception/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="/reception/css/responsive.css">
    <link rel="stylesheet" href="/reception/css/master.css">
    <!-- modernizr css -->
    <script src="/reception/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css"
          href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- jquery latest version -->
    <script src="/reception/js/vendor/jquery-3.2.0.min.js"></script>
    <script src="/reception/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- bootstrap js -->
    <script src="/reception/js/bootstrap.min.js"></script>
    <!-- Vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>
    <!-- layer -->
    <script src="https://cdn.bootcss.com/layer/2.1/layer.js" type="text/javascript"></script>
    <!-- 删除确认框-->
    <script src="/vendors/bootbox/js/bootbox.js" type="text/javascript"></script>
</head>
<body>
<div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>

<input type="hidden" id="userId" th:value="${session.user.userId}"/>
<!-- header -->
<div th:replace="reception/hotel/fragments/header"></div>

<!-- content -->
<div th:if="${template}">
    <div th:replace="${template}"></div>
</div>

<!-- footer -->
<div th:replace="reception/hotel/fragments/footer"></div>

<!-- ============================
            JavaScript Files
    ============================= -->

<!-- jquery latest version -->
<script src="/reception/js/vendor/jquery-3.2.0.min.js"></script>
<script src="/reception/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- bootstrap js -->
<script src="/reception/js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="/reception/js/owl.carousel.min.js"></script>
<!-- slick js -->
<script src="/reception/js/slick.min.js"></script>
<!-- meanmenu js -->
<script src="/reception/js/jquery.meanmenu.min.js"></script>
<!-- jquery-ui js -->
<script src="/reception/js/jquery-ui.min.js"></script>
<!-- wow js -->
<script src="/reception/js/wow.min.js"></script>
<!-- counter js -->
<script src="/reception/js/jquery.counterup.min.js"></script>
<!-- Countdown js -->
<script src="/reception/js/jquery.countdown.min.js"></script>
<!-- waypoints js -->
<script src="/reception/js/jquery.waypoints.min.js"></script>
<!-- Isotope js -->
<script src="/reception/js/isotope.pkgd.min.js"></script>
<!-- magnific js -->
<script src="/reception/js/jquery.magnific-popup.min.js"></script>
<!-- Image loaded js -->
<script src="/reception/js/imagesloaded.pkgd.min.js"></script>
<!-- chossen js -->
<script src="/reception/js/chosen.jquery.min.js"></script>
<!-- Jquery plugin -->
<script src="/reception/js/plugins.js"></script>
<!-- select2 js plugin -->
<script src="/reception/js/select2.min.js"></script>
<script src="/reception/js/colors.js"></script>
<!-- Jquery plugin -->
<script src="/reception/js/jquery-customselect.js"></script>
<!-- main js -->
<script src="/reception/js/custom.js"></script>
</body>
</html>
